page{background: #f8f8f8;}

.c-red{color: #FF3333;}
.c-green{color: #36b828}
.c-orange{color: #f7a84e}
.c-yellow{color: #f8e321;}
.c-blue{color:#0B72DE}
.c-common{color:#5B769F;}
.c-fff{color: #fff;}
.c-000{color: #000;}
.c-333{color: #333;}
.c-666{color: #666;}
.c-888{color: #888;}
.c-999{color: #999;}
.c-ddd{color: #ddd;}
.c-aaa{color: #aaa;}
.c-bbb{color: #bbb;}
.c-ccc{color: #ccc;}

.mautox20{margin: 0rpx 20rpx!important;}
.bg-fff{background: #fff!important;}
.bg-aaa{background: #aaa!important;}
.bg-bbb{background: #bbb!important;}
.bg-ddd{background: #ddd!important;}
.bg-red{background: #ff0000!important;}
.bg-green{background: #36b828!important;}
.bg-orange{background: #ec8d20!important;}
.bg-trans{background:transparent!important;}
.bg-f8f{background:#f8f8f8!important;}
.bg-eee{background:#eee!important;}
.bg-blue{background:#1b7dd0;}
.bg-common{background: #5B769F!important;}
.bg-common-gradient{background: linear-gradient(to right,#80D6FF,#5B769F);}

/*============ border ============ */
.bb{border-bottom: 1rpx solid #eee;}
.bb-999{border-bottom: 1rpx solid #999;}
.bt{border-top: 1rpx solid #eee;}
.bdn{border:none!important}
.bd-common{border:1rpx solid #5B769F;}
.bd-red{border:1rpx solid #ff0000;}
.bd-333{border: 1rpx solid #333;}
.bd-666{border: 1rpx solid #666;}
.bd-999{border: 1rpx solid #999;}
.bd-e8{border: 1rpx solid #e8e8e8;}
.mx12{margin-left: 24rpx;margin-right: 24rpx;}
/*============ 透明度 ============ */
.opacity4{opacity: 0.4;}
.opacity5{opacity: 0.5;}
.opacity6{opacity: 0.6;}
.opacity7{opacity: 0.7;}
.opacity8{opacity: 0.8;}

/*============ 字体大小 ============ */
.fs10{font-size:20rpx!important;}
.fs11{font-size:22rpx!important;}
.fs12{font-size:24rpx!important;}
.fs13{font-size:26rpx!important;}
.fs14{font-size:28rpx!important;}
.fs15{font-size:30rpx!important;}
.fs16{font-size:32rpx!important;}
.fs17{font-size:34rpx!important;}
.fs18{font-size:36rpx!important;}
.fs19{font-size:38rpx!important;}
.fs20{font-size:40rpx!important;}
.fs21{font-size:42rpx!important;}
.fs22{font-size:44rpx!important;}
.fs23{font-size:46rpx!important;}
.fs24{font-size:48rpx!important;}
.fs25{font-size:50rpx!important;}
.fs26{font-size:52rpx!important;}
.fs28{font-size:56rpx!important;}
.fs30{font-size:60rpx!important;}
.fs40{font-size:80rpx!important;}
.fs50{font-size:100rpx!important;}

/*============ 字体粗细 ============ */
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fwb{font-weight:bold;}

/*============ 宽度百分比 ============ */
.wdauto{width: auto;}
.wd20{width:20%!important;}
.wd25{width:25%!important;}
.wd33{width:33.333%!important;}
.wd50{width:50%!important;}
.wd100{width:100%!important;}

/*============ margin/padding ============ */
.mauto{margin: auto!important;}
.mtn{margin-top:0!important;}
.mbn{margin-bottom:0!important;}
.mln{margin-left:0!important;}
.mrn{margin-right:0!important;}

.ptn{padding-top:0!important;}
.pbn{padding-bottom:0!important;}
.pln{padding-left:0!important;}
.prn{padding-right:0!important;}

.m5{margin:10rpx!important;}
.m10{margin:20rpx!important;}
.m15{margin:30rpx!important;}
.m16{margin:32rpx!important;}
.m20{margin:40rpx!important;}

.p5{padding: 10rpx!important;}
.p10{padding: 20rpx!important;}
.p15{padding: 30rpx!important;}
.p16{padding:32rpx!important;}
.p20{padding:40rpx!important;}

.pt5{padding-top: 10rpx!important;}
.pt10{padding-top: 20rpx!important;}
.pt15{padding-top: 30rpx!important;}
.pt20{padding-top: 40rpx!important;}
.pt30{padding-top: 60rpx!important;}

.pl5{padding-left: 10rpx!important;}
.pl10{padding-left: 20rpx!important;}
.pl15{padding-left: 30rpx!important;}
.pl20{padding-left: 40rpx!important;}
.pl30{padding-left: 60rpx!important;}

.pr5{padding-right: 10rpx!important;}
.pr10{padding-right: 20rpx!important;}
.pr15{padding-right: 30rpx!important;}
.pr20{padding-right: 40rpx!important;}
.pr30{padding-right: 60rpx!important;}

.pb5{padding-bottom: 10rpx!important;}
.pb10{padding-bottom: 20rpx!important;}
.pb15{padding-bottom: 30rpx!important;}
.pb20{padding-bottom: 40rpx!important;}
.pb30{padding-bottom: 60rpx!important;}
.pb50{padding-bottom: 100rpx!important;}
.pb60{padding-bottom: 120rpx!important;}
.pb70{padding-bottom: 140rpx!important;}

.px2{padding-left: 4rpx;padding-right: 4rpx;}
.px5{padding-left: 10rpx;padding-right: 10rpx;}
.px6{padding-left: 12rpx;padding-right: 12rpx;}
.px10{padding-left: 20rpx;padding-right: 20rpx;}
.px15{padding-left: 30rpx;padding-right: 30rpx;}
.px16{padding-left: 32rpx;padding-right: 32rpx;}
.px20{padding-left: 40rpx;padding-right: 40rpx;}
.px25{padding-left: 50rpx;padding-right: 50rpx;}
.px30{padding-left: 60rpx;padding-right: 60rpx;}

.py2{padding-top: 4rpx;padding-bottom: 4rpx;}
.py5{padding-top: 10rpx;padding-bottom: 10rpx;}
.py6{padding-top: 12rpx;padding-bottom: 12rpx;}
.py10{padding-top: 20rpx;padding-bottom: 20rpx;}
.py15{padding-top: 30rpx;padding-bottom: 30rpx;}
.py16{padding-top: 32rpx;padding-bottom: 32rpx;}
.py20{padding-top: 40rpx;padding-bottom: 40rpx;}
.py25{padding-top: 50rpx;padding-bottom: 50rpx;}
.py30{padding-top: 60rpx;padding-bottom: 60rpx;}

.mt2{margin-top:4rpx!important;}
.mt3{margin-top:6rpx!important;}
.mt4{margin-top:8rpx!important;}
.mt5{margin-top:10rpx!important;}
.mt6{margin-top:12rpx!important;}
.mt7{margin-top:14rpx!important;}
.mt8{margin-top:16rpx!important;}
.mt9{margin-top:18rpx!important;}
.mt10{margin-top:20rpx!important;}
.mt12{margin-top:24rpx!important;}
.mt15{margin-top:30rpx!important;}
.mt20{margin-top:40rpx!important;}
.mt30{margin-top:60rpx!important;}
.mt40{margin-top:80rpx!important;}
.mt50{margin-top:100rpx!important;}
.mt60{margin-top:120rpx!important;}
.mt80{margin-top:160rpx!important;}

.mt2{margin-top:4rpx!important;}
.mb3{margin-bottom:6rpx!important;}
.mb4{margin-bottom:8rpx!important;}
.mb5{margin-bottom:10rpx!important;}
.mb6{margin-bottom:12rpx!important;}
.mb7{margin-bottom:14rpx!important;}
.mb8{margin-bottom:16rpx!important;}
.mb9{margin-bottom:18rpx!important;}
.mb10{margin-bottom:20rpx!important;}
.mb12{margin-bottom:24rpx!important;}
.mb15{margin-bottom:30rpx!important;}
.mb20{margin-bottom:40rpx!important;}
.mb30{margin-bottom:60rpx!important;}
.mb40{margin-bottom:80rpx!important;}
.mb50{margin-bottom:100rpx!important;}
.mb60{margin-bottom:120rpx!important;}

.mr2{margin-right:4rpx!important;}
.mr3{margin-right:6rpx!important;}
.mr4{margin-right:8rpx!important;}
.mr5{margin-right:10rpx!important;}
.mr6{margin-right:12rpx!important;}
.mr7{margin-right:14rpx!important;}
.mr8{margin-right:16rpx!important;}
.mr9{margin-right:18rpx!important;}
.mr10{margin-right:20rpx!important;}
.mr15{margin-right:30rpx!important;}
.mr20{margin-right:40rpx!important;}
.mr30{margin-right:60rpx!important;}

.ml2{margin-left:4rpx!important;}
.ml3{margin-left:6rpx!important;}
.ml4{margin-left:8rpx!important;}
.ml5{margin-left:10rpx!important;}
.ml6{margin-left:12rpx!important;}
.ml7{margin-left:14rpx!important;}
.ml8{margin-left:16rpx!important;}
.ml9{margin-left:18rpx!important;}
.ml10{margin-left:20rpx!important;}
.ml15{margin-left:30rpx!important;}
.ml20{margin-left:40rpx!important;}
.ml30{margin-left:60rpx!important;}

/*============ line-height ============ */
.lh17{line-height:34rpx!important}
.lh20{line-height:40rpx!important}
.lh22{line-height:44rpx!important}
.lh24{line-height:48rpx!important}
.lh26{line-height:52rpx!important}
.lh28{line-height:56rpx!important}
.lh30{line-height:60rpx!important}
.lh32{line-height:64rpx!important}
.lh35{line-height:70rpx!important}
.lh36{line-height:72rpx!important}
.lh40{line-height:80rpx!important}
.lh44{line-height:88rpx!important}
.lh48{line-height:96rpx!important}
.lh50{line-height:100rpx!important;}
.lh55{line-height:110rpx!important;}

/*============ border-radius ============ */
.br5{border-radius:10rpx!important;}
.br10{border-radius:20rpx!important;}
.br20{border-radius:40rpx!important;}
.br30{border-radius:60rpx!important;}
.br40{border-radius:80rpx!important;}
.br50{border-radius:100rpx!important;}
.br50per{border-radius:50%!important;}

/*============ more ============ */
.scale7{transform:scale(0.7)}
.scale8{transform:scale(0.8)}

.over{overflow: hidden;}

.left{text-align:left!important;}
.right{text-align:right!important;}
.center{text-align:center!important;}

.pos-fix{position: fixed!important;}
.pos-rel{position: relative!important;}
.pos-abs{position: absolute!important;}

.dis-flex{display:flex!important;}
.dis-flex-column{display:flex!important;flex-direction: column;}
.flex-center{align-items:center;justify-content:center;}
.flex-align-center{align-items:center;}
.flex-justify-content{justify-content:center;}
.flex-between{justify-content:space-between;}
.space-around{justify-content:space-around;}
.flex-end{justify-content:flex-end;}
.flex{flex: 1;}
.flex-wrap{flex-wrap:wrap;}
.flex-no-wrap{flex-wrap:nowrap;}
.flex-shrink{flex-shrink: 0;}

.breakall{word-break:break-all}
.ellipsis-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word}
.ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word}
.ellipsis-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word}

/* 提交按钮 */
.btn-submit-box{position: fixed;left: 0;right: 0;bottom: 0;background-color: #ffffff;border-top: 1px solid #eee;padding-top: 10rpx;padding-bottom: 10rpx;}
.btn-submit {width: 90%;margin: auto;line-height:90rpx;font-size:32rpx;border-radius:10rpx;}
.btn-mini{border-radius: 40rpx;line-height: 64rpx;font-size: 28rpx;min-width: 100rpx;}





